//头部审批详情的设置
.header {
    height: 40px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: fixed;
    top: 0;
    z-index: 1;
    .left{
        height: 40px;
        width: 10px;
        .iconfont {
            color: #333333;
            font-weight: bolder; //将左箭头
        }
    }
    .right {
        // border: 1px solid red;
        width: 10px;
        height: 40px;
    }
}
//头部中谁的采购申请审批盒子
.whoapprover {
    margin-top: 40px;
    // overflow: auto;
    height: 87px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;

    //头部中谁的采购申请审批头像的图片
    img {
        width: 70px;
        height: 70px;
        padding-left: 15px;
    }

    //头部中谁的采购申请审批文字盒子
    .approvertextbox {
        height: 50px;
        width: 100%;

        // border: 1px solid blue;
        //头部中谁的采购申请上面的采购申请审批文字
        .approvertoptextleft {
            color: #333333;
        }

        //头部中谁的采购申请上面的采购通过文字
        .approvertoptextright {
            color: #3dd4a7;
            font-weight: 500;
        }

        //头部中谁的采购申请下面的文字
        .approverfootertext {
            color: #999999;
        }
    }
}

//中间采购信息盒子
.Assetinfo{
    height: 147px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;
    .Assetitem{
        // height: auto;
        height: 27px;
        width: 100%;
        // border: 1px solid blue;
        .Assetitemleft{
            width: 65px;
            // height: 35px;
            // border: 1px solid red;
            .Assetitemlefttext{
                color: #999999;
            }
        }
        .Assetitemright{
            // height: 35px;
            width: 250px;
            // border: 1px solid green;
            .Assetitemrighttext{
                color: #333333;
            }
        }
    }
}
//资产明细最大的盒子
.Asset {
    height: 382px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;

    //资产明细,合计数量,合计金额盒子
    .Assetdetails {
        height: 47px;
        width: 100%;
        font-weight: 400;

        // border: 1px solid blue;
        //资产明细,合计数量,合计金额,金额文字盒子
        .Assetdetailstext {
            color: #333333;
        }

        //合计数量
        .totalquantity {
            color: #999999;
            font-weight: 400;
        }

        // /合计金额
        .totalmoney {
            color: #999999;
            font-weight: 400;
        }

        //金额
        .money {
            color: #ffc71c;
            font-weight: 500;
        }
    }

    //资产1最大的盒子
    
    .assetsonebox {
        height: 304px;
        background-color: #f6f9ff;
        // border: 1px solid blue;

        .assetone {
            height: 45px;
            // border: 1px solid green;
            border-bottom: 1px solid #f2f2f2;
            font-weight: 500;

            .assetoneleft {
                color: #333333;
            }
        }
        .Changeinfo{
            height: 260px;
            // border: 1px solid red;
            border-radius: 5px;
            .Changeitem{
                    // height: auto;
                    height: 27px;
                    width: 100%;
                    // border: 1px solid blue;
                    .Changeitemleft{
                        width: 65px;
                        // height: 35px;
                        // border: 1px solid red;
                        .Changeitemlefttext{
                            color: #999999;
                        }
                    }
                    .Changeitemrightbox{
                        height: 16px;
                        width: 44px;
                        background-color: #fa746b;
                        // border: 1px solid red;
                        border-radius: 5px;
                        text-align: left;
                        .Changeitemrightboxtext{
                            color: #fff;
                            font-weight: 400;
                        }
                    }
                    .Changeitemright{
                        // height: 35px;
                        width: 250px;
                        // border: 1px solid green;
                        .Changeitemrighttext{
                            color: #333333;
                        }
                }
            }
        }
    }
}

//审批流程最大的盒子
.Approvalprocess {
    height: 500px;
    // border: 1px solid red;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    //审批流程文字
    .process {
        height: 44px;
        width: auto;
        color: #333333;
        font-weight: 400;
    }

    //审批流程列表盒子
    .processleftlist {
        // border: 1px solid red;
        height: 450px;

        //每个审批信息
        .processleftlisttext {
            height: 150px;

            // border: 1px solid blue;
            //发起申请,审批人,抄送人信息
            .processleftlisttexttop {
                height: 30px;

                // border: 1px solid red;
                //圆点
                .Greydot {
                    width: 16px;
                    height: 16px;
                }

                //发起申请,审批人,抄送人颜色
                .whoapplication {
                    color: #333333;
                }

                //审批人数量颜色
                .whoapplicationnum {
                    color: #999999;
                }

                //发起申请,审批人时间
                .applicationtime {
                    color: #cccccc;
                }
            }

            //发起申请,审批人,抄送人图片加姓名盒子
            .processleftlisttextimg {
                height: 100px;

                // border: 1px solid black;
                //发起申请,审批人,抄送人头像图片
                .ApplicantsAvatar {
                    width: 68px;
                    height: 68px;
                }

                //同意
                .agree {
                    height: 20px;
                    width: 48px;
                    border-radius: 10px;
                    background-color: #28d094;
                    text-align: center;
                    color: #fff;
                    bottom: 0;
                    left: 10px;
                }

                //发起申请,审批人,抄送人姓名
                .name {
                    color: #333333;
                    font-weight: 400;
                }
            }
        }
    }
}